- Поиск на Youtube Быстрый поиск видео на Youtube.
- Фоторедактор Здесь вы можете отредактировать свои изображения перед размещением их на фотохостинге. Многофункциональный онлайн-инструментарий.
- iPleer.fm Здесь вы можете найти практически любую песню.
- Гид по сайту Тема о новых опциях на сайте с инструкциями и иллюстрациями.
- Наша беседка В этой теме можете задать любой интересующий вопрос относительно сайта и не только.
- Техподдержка В этом разделе Вы можете создать тему технического характера, связанных с компьютерами, телефонами и интернетом.
Последние темы
Любимые темы
Загрузка избранного...
Страница 1 из 2 • Поделиться
CSS коды для настройки форума phpBB3
Прежде, чем совершить глобальные изменения в таблице CSS, рекомендую сохранить стиль. ПА - Оформление - Стили - Управление стилями - Экспортировать стиль. В случае неудачных попыток, Вы сможете вернуться в исходное состояние при помощи опции "Импортировать стиль" чуть ниже в той же иерархии. |
CSS для настройки заголовка (header):
- Код:
.headerbar {
background-color: transparent;
background-image: url('LINK IMAGINE');
height: 170px;
background-position: top;
background-repeat: no-repeat;
}
- Информация:
- background-color = цвет фона заголовка
background-image = фоновое изображение заголовка
height = высота заголовка
background-position = позиция фона
background-repeat = повтор фона заголовка (repeat для повтора или no-repeat без повтора)
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:35), всего редактировалось 10 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка фона форума
- Код:
body {
background-color: #FFFFFF;
background-Image: url('LINK IMAGINE');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
}
- Информация:
- background-color = цвет фона
background-image = фоновое изображение
background-repeat = повторение фона (repeat для повтора или no-repeat без повтораt)
background-attachment = вложения фона (Исправлена Блокировка и выберите фоновое изображение прокручиваться вместе с остальным странице)
background-position = позиция фона
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:34), всего редактировалось 5 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Фоновое изображение изнутри форума
- Код:
#wrap {
background-attachment: fixed;
background-image: url('URL IMAGE');
background-repeat: repeat;
background-position: top center;
}
- Информация:
- background-attachment = вложения фона (Исправлена Блокировка и выберите фоновое изображение прокручиваться вместе с остальным странице)
background-repeat = повторение фона (repeat для повтора или no-repeat без повтораt)
background-position = позиция фона
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:35), всего редактировалось 5 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Преобразование меню в динамическом меню (работает только если у вас есть фотографии в меню)
- Код:
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
position: relative;
top: -2px;}
- Информация:
- ul.linklist Li img = изображение до наведения мышки
ul.linklist Li img: hover = изображение при наведении мышки
opacity = непрозрачность
ul.linklist Li img: hover => top =смещение изображения при наведении мышки
Этот код не работает в Internet Explorer!
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:35), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Изображение фона в меню (только меню!)
- Код:
div#page-header div.navbar {
background-image: url('URL IMAGE' );}
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:35), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка поля поиска
- Код:
#search-box #keywords {
width: 95px;
background-color: #ffffff;
}
input.search {
background-image: url('http://illiweb.com/fa/prosilver/icon_textbox_search.gif');
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
- Информация:
- # search-box # ключевые слова::
width = Ширина коробки ключевое слово
background-color = фон изображения ключевого слова
input.search:
background-image = изображение
padding-left = пространство, keyword box
- Скрыть поле поиска:
- Код:
#search{
display:none;
}
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:37), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
CSS, чтобы настроить сообщение на главной странице
- Код:
.introduction {
background-image: url('URL IMAGE);
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;}
.introduction .h3 {
background-image: url("URL IMAGE");
background-repeat: repeat;
background-position: top center;
background-color: #ffffff;
color: #000000;
padding: 5px;
border-bottom: 0px solid #000000;
}
- Информация:
- .Introduction (структура сообщения)
background-image = Фоновое изображение. Если сделать так, что не повторится, и оставить фон позиции, Вы можете поместить обои в Заголовок (в том числе охватывающих более Сообщений)
background-repeat = повторение фона (repeat для повтора или no-repeat без повтораt)
background-position = позиция фона
background-color = цвет фона сообщения на главной странице
color = цвет текста сообщения на главной странице
. introduction. h3 (Заголовок сообщения)
background-image = фоновое изображение (оно не выходит за сообщение)
background-repeat = повторение фона (repeat для повтора или no-repeat без повтораt)
background-position = позиция фона
background-color = цвет фона заголовка
color = цвет заголовка
padding = высота пространства за титул
border-bottom = линия, которая отделяет от остального сообщения (я выбрал 0px, поэтому не появляется). Вы можете изменить настройки на свой вкус.
Последний раз редактировалось: Феникс (Вс 27 Ноя - 14:32), всего редактировалось 2 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
CSS, чтобы скрыть Последний визит был в [дата, время] новые сообщения, посты, сообщения, не ответил, отметить все разделы прочитанными
- Код:
.linklist {
display:none !important;}
.right, .rightside {
display:none !important;}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span,
dd.moderation span {display:none !important;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Фоновое изображение из таблицы
- Код:
li.row {background-image: url('URL IMAGE');}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Hover в таблицах
- Код:
li.row:hover {
background: url('URL IMAGE');
background-position: center;
background-repeat: no-repeat;}
- Информация:
- background-position = позиция фона
background-repeat = повторять фон = (repeat для повтора или no-repeat без повтора)
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:37), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка легенды
- Код:
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('URL IMAGE');
text-align: center;
padding: 24px 0;}
- Информация:
- background-position = позиция фона
background-repeat = повторение фона (repeat для повтора, no-repeat без повтора)
text-align = позиция легенды
padding = пространство для легенды
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:37), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка легенды личных сообщений
- Код:
ul#privmsgs-menu {ul#picture_legend{
background-position: center;
background-repeat: no-repeat;
background-image: url('URL IMAGE');
text-align: CENTER;
padding: 24px 0;}
- Информация:
- background-position = позиция фона
background-repeat = повторение фона (repeat для повтора, no-repeat без повтора)
text-align = позиция легенды
padding = пространство для легенды
Последний раз редактировалось: Феникс (Чт 24 Ноя - 14:37), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Обои из ссылки в копирайтах
- Код:
div#page-footer ul.linklist {
background-image: url('URL IMAGE');
background-position: 0 100%;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Нижний колонтитул фонового изображения сайта
- Код:
div#page-footer {
background-image: url('URL IMAGE');
background-position: bottom center;
background-repeat: no-repeat;
padding: 15px;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Настройка виджетов
- Код:
.module {
background-image: url('URL IMAGE');
background-repeat: no-repeat;
background-position: top center;
border: 1px solid BLACK;}
.module .h3 {
color: white;}
Феникс- Администратор
Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь
Похожие темы
» Основные идентификаторы CSS (phpBB2 и phpBB3)
» Коды ссылок на тему для вставок.
» Чат на панели инструментов
» [Туториал] CSS для настройки редактора сообщений
» Открытки для форума
» Коды ссылок на тему для вставок.
» Чат на панели инструментов
» [Туториал] CSS для настройки редактора сообщений
» Открытки для форума
Страница 1 из 2
URL: | |
BBCode: | |
HTML: |
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Вт 29 Мар - 7:21 автор Nataliya
» Шаман......
Вт 29 Мар - 7:19 автор Nataliya
» [Салаты] Пять ошибок при приготовлении оливье
Ср 26 Янв - 13:20 автор Scheila
» Наша Беседка.. :)
Сб 18 Дек - 13:17 автор Феникс
» Супы из рыбы и морепродуктов
Вт 14 Дек - 22:26 автор Scheila
» Другие закуски
Вт 14 Дек - 22:25 автор Scheila
» Теперь мы есть в Telegram
Чт 26 Авг - 7:59 автор Феникс
» мои клипы.
Ср 4 Авг - 20:55 автор Nataliya
» МОМЕНТЫ ЖИЗНИ
Ср 4 Авг - 20:44 автор Nataliya